<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css" />
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="css/jquery.treeview.css">

<link href="css/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
<link href="css/screen.css" rel="stylesheet" type="text/css" />
<link href="css/prettify/prettify.sunburst.css" rel="stylesheet"
	type="text/css" />

<title>XSD2XML Editor</title>
</head>
<body>

	<!-- Modal form -->
	<div class="modal fade" id="edit-form-div" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h4 class="modal-title" id="myModalLabel">Edit XML node</h4>
	      </div>
	      <div class="modal-body" id="edit-form-div-inner">
<!-- 	        Get current node info	 -->
				
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
	        <button type="button" class="btn btn-primary" id="edit-btn" data-dismiss="modal">Save changes</button>
	      </div>
	    </div>
	  </div>
	</div>

	<div class="modal fade" id="add-form-div" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
	    <div class="modal-content">
	      <div class="modal-header">
	        <h4 class="modal-title" id="myModalLabel">Add new XML node</h4>
	      </div>
	      <div class="modal-body" id="add-form-div-inner">
<!-- 	        Get all possible child node type     -->
	      </div>
	      <div class="modal-footer">
	        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
	        <button type="button" class="btn btn-primary" id="add-btn" data-dismiss="modal">Add</button>
	      </div>
	    </div>
	  </div>
	</div>

	<form id="xsdForm" action="/upload" method="post"
		enctype="multipart/form-data">
		<label for="xsdupload">Upload xsd file</label> <br /> <input
			type="file" id="file" name="file" /> <input type="submit"
			value="Submit" />
	</form>

	<div class="container">
		<div class="textarea-wrapper-left">
			<div>XSD file</div>
			<div id="textarea-xsd" class="ui-widget-content"></div>
		</div>
		<div class="textarea-wrapper-right">
			<div>XML file</div>
			<div id="textarea-xml">
				<ul id='xml' class='treeview'></ul>
			</div>
		</div>
	</div>

	<script src="js/test_json.js"></script>
	<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
	<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
	<script src="js/bootstrap.min.js"></script>

	<script src="js/jquery.cookie.js"></script>
	<script src="js/jquery.treeview.min.js"></script>

	<script src="//cdnjs.cloudflare.com/ajax/libs/ace/1.1.3/ace.js"></script>
	<script src="js/xml-inserter.js"></script>
	<script src="js/editor.js"></script>
	<script src="js/fileuploader.js"></script>

	<script src="js/jquery.ui.position.js"></script>
	<script src="js/jquery.contextMenu.js"></script>
	<script src="js/screen.js"></script>
	<script src="js/prettify/prettify.js"></script>

</body>
</html>
